﻿<div class="row">
    <div class="span7">
        <div>
            <h3>Besøksadresse</h3>
            <div id='mapDiv' class="row" style="height: 400px; position: absolute; width: 600px;"></div>
            <h3 style="margin-top: 430px;">Send oss en epost</h3>
            <form method="post" autocomplete="off">
                <input type="hidden" name="AXSRF_token" value="" />
                <input type="hidden" name="cmd" value="send" />
                <table  style="margin-top: 30px" class="table">

                    <tr>
                        <th>Ditt navn</th>
                        <td><input type="text" name="name" style="width: 230px" /></td>
                    </tr>
                    <tr>
                        <th>E-post adresse</th>
                        <td>
                            <input type="text" name="email" style="width: 230px" /></td>
                    </tr>
                    <tr>
                        <th>Overskrift</th>
                        <td>
                            <input type="text" name="subject" style="width: 230px" /></td>
                    </tr>
                    <tr>
                        <th valign="top">Melding</th>
                        <td>
                            <textarea name="body" rows="10" cols="20" style="height: 200px; width: 460px"></textarea></td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            <button type="submit" class="btn">Send</button></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="span3 well well-small">
        <h4>Styret</h4>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Leder</dt>
            <dd>Trond Løvstad</dd>
            <dd><i class="icon-bell"></i>900 30 387</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:trond-rune.lovstad@telenor.com">trond-rune.lovstad@telenor.com</a></dd>
        </dl>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Nestleder</dt>
            <dd>Arvid Lysø</dd>
            <dd><i class="icon-bell"></i>488 96 620</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:lysoe2@online.no">lysoe2@online.no</a></dd>
        </dl>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Kasserer</dt>
            <dd>Anita Bjerkestrand</dd>
            <dd><i class="icon-bell"></i>952 47 255</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:lysoe2@online.no">lysoe2@online.no</a></dd>
        </dl>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Styremedlem</dt>
            <dd>Lars Røttum</dd>
            <dd><i class="icon-bell"></i>907 94 877</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:larsrottum@hotmail.com">larsrottum@hotmail.com</a></dd>
        </dl>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Styremedlem</dt>
            <dd>Ida Høiby</dd>
            <dd><i class="icon-bell"></i>906 37 763</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:idahoiby@online.no">idahoiby@online.no </a></dd>
        </dl>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Styremedlem</dt>
            <dd>Ivar Leo Bergh</dd>
            <dd><i class="icon-bell"></i>958 12 000</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:leo@berghs.no">leo@berghs.no </a></dd>
        </dl>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Varamedlem</dt>
            <dd>Jarle Delbekk</dd>
            <dd><i class="icon-bell"></i>975 37 071</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:jar-del@online.no">jar-del@online.no</a></dd>
        </dl>
        <dl>
            <dt><i class="icon-user"></i>&nbsp;Varamedlem</dt>
            <dd>Anne Kari Hauger Brufladt</dd>
            <dd><i class="icon-bell"></i>472 71 607</dd>
            <dd><i class="icon-envelope"></i>&nbsp;<a href="mailto:karbruf@online.no">karbruf@online.no</a></dd>
        </dl>
    </div>
</div>

@section scripts
{
    <script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=nb-NO"> </script>
    <script>
        var map = null;
        $(document).ready(function() {
            getMap();
        });

        function getMap() {
            map = new Microsoft.Maps.Map(document.getElementById("mapDiv"),
                { credentials: "Ag9r3J5JxoSdiNfsc_fIuhqWCEcUzWA0LEwQkKF_Ls6GziI5xE3fzJZY5z8Y2rO8" });

            var loc = new Microsoft.Maps.Location(60.18104, 12.01569);
            var infoboxOptions = {
                width: 150,
                height: 70,
                title: "Tajevegen 25",
                description: "Kongsvinger",
                showPointer: true,
                offset: new Microsoft.Maps.Point(0, 0)
            };

            var myInfobox = new Microsoft.Maps.Infobox(loc, infoboxOptions);
            map.entities.push(myInfobox);
            map.setView({ center: loc, zoom: 13 });
        }
    </script>

}